<!doctype html>
<html>
<head>
<include file="public:headtop" />
<link href="/static/css/general.css" rel="stylesheet">
<link href="/static/css/QRcode.css" rel="stylesheet">
</head>

<body>
	<include file="public:headmini1" />
	
    <div class="margin-bottom-10"></div>
    <div class="codeTitle text-center margin-bottom-10">
    	<div class="codeText-h1">
    		请朋友们扫描您的二维码，分享到朋友圈
    	</div>
    </div>
    <div class="box margin-bottom-10">
    	<div class="img-box"><img src="{$userinfo.yaoqing}" alt="微信二维码"></div>
    </div>
    <div class="codeText-h1 text-center margin-bottom-10">您的推荐码：<span class="text-blue" style="font-size:18px">{$yaoqingma}</span></div>
    <div class="smallCodeTitle margin-bottom-20">
    	<span class="beBlock codeText-h2 text-center">更多平台邀请好友</span>
    </div>
	
	<div class="shareBox codeText-h2 oh">
    	<div class="weixinBox text-center">
    		<a class="beBlock border-radius-5 block-center margin-bottom-5" id="weixin_link">
                <img src="/static/images/weixin.png" alt="" />
            </a>
    		<span>微信</span>
    	</div>
    </div>

    <div class="share-page">
    	<div class="arrowBox"><img src="/static/images/share-arrow.png" alt="" /></div>
    	<div class="codeText-share">请点击右上角，<br /><i></i>分享到朋友圈</div>
    </div>
	
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>

    document.body.addEventListener('touchstart', function () {});


	wx.ready(function () {
        var option = {};
        option.title = "{$description}";
        option.link = "{$link}";
        option.imgUrl = 'http://' + document.domain + "{$img}";
		wx.onMenuShareTimeline(option);

        var option2 = {};
        option2.title = document.title;
        option2.link = "{$link}";
        option2.imgUrl = 'http://' + document.domain + "{$img}";
        option2.desc = "{$description}";

        wx.onMenuShareAppMessage(option2);
        wx.onMenuShareWeibo(option2);
        wx.onMenuShareQZone(option2);
	});


    (function() {
        var config = {debug: false};
        config.url = "{$js.url}";
        config.appId = '{$js.appId}';
        config.timestamp = '{$js.timestamp}';
        config.nonceStr = '{$js.nonceStr}';
        config.signature = '{$js.signature}';
        config.jsApiList = ['onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareWeibo', 'onMenuShareQZone'];

        wx.config(config);
    })();

	$(function() {
        var $shareLayer = $(".share-page");
        $shareLayer.css("height", $(document).height());
        $("#weixin_link").click(function(){
            $shareLayer.show();
        });

        $shareLayer.click(function(){
            $shareLayer.hide();
        });
    })
    </script>
</body>
</html>